<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>正午阳光糖果屋营业一周年</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
body {
	background-image: url("一周年网页/背景.JPG");
	background-attachment: fixed;
	background-position: center center;
	color: #FFF;
}
#title {
	width: 250px;
	height: 250px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0 auto;
}
#title1{
        width: 820px;
        padding-bottom:150px;
        padding-top:230px;
        text-align:center;
        margin:0 auto 0;
    }
#title img {
	border-radius: 50%;
	box-shadow: 5px 0px 5px 1px #666;
}
#word {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 750px;
	margin: 0 auto;
	border: 3px solid white;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 22px;
}

#container {
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	border: 3px solid white;
	margin-top: 200px;
	box-sizing: border-box;
}
#container img {
	max-width: 100%;
	height: auto;
}
.str{
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
        font-size: 18px;
        font-family:"宋体"; 
        color:rgba(208,208,208,0.68);
        margin: 0 auto 0;
    }
.pic {
	padding: 0px;
	border-radius: 20px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
#container img:hover {
	box-shadow: 0 0 20px #FFF;
}
#end {
	max-width: 750px;
	margin: 250px auto;
	padding-bottom: 50px;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
</style>
</head>

<body>
<audio controls autoplay><source src="一周年网页/米津玄師 - Lemon(前2分钟).mp3" autoplay="autoplay"></audio>
<div id="title1">
<img src="一周年网页/字.JPG" width="850px" height="auto"></div>		
<div id="title"> <img src="一周年网页/头像.JPG" width="250" height="250"> </div>
<div id="word">
  <p><strong>我喜欢迎风奔跑</strong></p>
  <p><strong>遇到你后，我更喜欢静看微风吹拂你的发梢</strong></p>
  <p><strong>我喜欢抬头仰望</strong></p>
  <p><strong>遇到你后，我更喜欢低头凝视你的双眼</strong></p>
  <p><strong>——崔子洋</strong></p>
</div>
<div id="container">
  <p><strong>“在前两年的时间里，我一直认为这首诗不过是一首尾音渐尽的五言绝句。”</strong></p>
  <img class="pic" src="一周年网页/五言绝句.JPG" width="1060" height="450">
  <p><strong>奥赛两年多，与一帮男生朝夕相处，玩命竞争</strong></p>
  <p><strong>原本想高中生活就将这样过去</strong></p>
  <p><strong>原本以为诗篇就这样收笔</strong></p>
  <p><strong>直到......</strong></p>
  <p>&nbsp;</p>
  <p><strong>“75天，你是我的心灵寄托”</strong></p>
  <img class="pic" src="一周年网页/心灵寄托.JPG" width="1060" height="450">
  <p><strong>“摩天轮上，我们一吻定情”</strong></p>
  <p><strong>“清华园里，我们漫步余生”</strong></p>
  <img class="pic" src="一周年网页/清华.JPG" width="1060" height="450">
  <p><strong>“我们有生活的交汇”</strong></p>
  <img class="pic" src="一周年网页/足球.JPG" width="1060" height="450">
  <p><strong>“也有未知的平行”</strong></p>
  <img class="pic" src="一周年网页/平行.JPG" width="1060" height="450">
  <p><strong>“十几年前我希望柯南成为我的男孩”</strong></p>
  <p><strong>“十几年后我和我的男孩去看了柯南”</strong></p>
  <img class="pic" src="一周年网页/柯南.JPG" width="1060" height="450">
  <p><strong>“时光印刻在朋友圈中”</strong></p>
  <img class="pic" src="一周年网页/羊截图.JPG" width="1060" height="450">
  <p><strong>“而我们印刻在时光里”</strong></p>
  <img class="pic" src="一周年网页/印刻.JPG" width="1060" height="450">
</div>
<div id="end">
  <p>起于青萍之末</p>
  <p>而广大于天地之间</p>
  <p>能越过千山万水</p>
  <p>最后和萦绕这个世界的你汇聚在一起</p>
  <p>我感到无比荣幸</p>
  <p>一周年快乐</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <a href="https://weibo.com/u/6740716990">可点击关注“正午阳光的糖果屋”微博～</a>
</div>
</body>
</html>

